import Icon from '@ant-design/icons';
import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
const TabSvg = () => (
  <svg>
    <defs>
      <symbol id="geometry-left" viewBox="0 0 214 36">
        <path d="M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z"></path>
      </symbol>
      <symbol id="geometry-right" viewBox="0 0 214 36">
        <use href="#geometry-left"></use>
      </symbol>
      <clipPath>
        <rect width="100%" height="100%" x="0"></rect>
      </clipPath>
    </defs>
    <svg width="51%" height="100%">
      <use
        href="#geometry-left"
        width="214"
        height="36"
        fill="currentColor"
      ></use>
    </svg>
    <g transform="scale(-1, 1)">
      <svg width="51%" height="100%" x="-100%" y="0">
        <use
          href="#geometry-right"
          width="214"
          height="36"
          fill="currentColor"
        ></use>
      </svg>
    </g>
  </svg>
);

const TabIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={TabSvg} {...props} />
);

export default TabIcon;
